﻿<!DOCTYPE html>
<html>
  <head>
    <title>物业缴费</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/物业缴费/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/物业缴费/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u5128" class="ax_default box_1">
        <div id="u5128_div" class=""></div>
        <div id="u5128_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5129" class="ax_default box_1">
        <div id="u5129_div" class=""></div>
        <div id="u5129_text" class="text ">
          <p><span style="text-decoration:none;">04栋3单元0201号 </span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5130" class="ax_default icon">
        <img id="u5130_img" class="img " src="images/周边详情/u118.svg"/>
        <div id="u5130_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5131" class="ax_default box_1">
        <div id="u5131_div" class=""></div>
        <div id="u5131_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5132" class="ax_default label">
        <div id="u5132_div" class=""></div>
        <div id="u5132_text" class="text ">
          <p><span style="text-decoration:none;">缴费记录</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u5133" class="ax_default placeholder">
        <img id="u5133_img" class="img " src="images/物业缴费/u5133.svg"/>
        <div id="u5133_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5134" class="ax_default label">
        <div id="u5134_div" class=""></div>
        <div id="u5134_text" class="text ">
          <p><span style="text-decoration:none;">未缴金额</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5135" class="ax_default label">
        <div id="u5135_div" class=""></div>
        <div id="u5135_text" class="text ">
          <p style="font-size:14px;"><span style="text-decoration:none;">¥ </span><span style="font-size:20px;text-decoration:none;">264.38</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5136" class="ax_default box_1">
        <div id="u5136_div" class=""></div>
        <div id="u5136_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (复选框) -->
      <div id="u5137" class="ax_default checkbox selected">
        <label id="u5137_input_label" for="u5137_input" style="position: absolute; left: 0px;">
          <img id="u5137_img" class="img " src="images/物业缴费/u5137_selected.svg"/>
          <div id="u5137_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u5137_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5138" class="ax_default label">
        <div id="u5138_div" class=""></div>
        <div id="u5138_text" class="text ">
          <p><span style="text-decoration:none;">张三费用合计：¥ </span><span style="text-decoration:none;color:#FF0000;">264.38</span><span style="text-decoration:none;">元</span></p>
        </div>
      </div>

      <!-- Unnamed (复选框) -->
      <div id="u5139" class="ax_default checkbox selected">
        <label id="u5139_input_label" for="u5139_input" style="position: absolute; left: 0px;">
          <img id="u5139_img" class="img " src="images/物业缴费/u5139_selected.svg"/>
          <div id="u5139_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </label>
        <input id="u5139_input" type="checkbox" value="checkbox" checked/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5140" class="ax_default label">
        <div id="u5140_div" class=""></div>
        <div id="u5140_text" class="text ">
          <p><span style="text-decoration:none;">李四费用合计：¥ </span><span style="text-decoration:none;color:#FF0000;">151.87</span><span style="text-decoration:none;">元</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5141" class="ax_default icon">
        <img id="u5141_img" class="img " src="images/物业缴费/u5141.svg"/>
        <div id="u5141_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u5142" class="ax_default icon">
        <img id="u5142_img" class="img " src="images/物业缴费/u5141.svg"/>
        <div id="u5142_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5143" class="ax_default label">
        <div id="u5143_div" class=""></div>
        <div id="u5143_text" class="text ">
          <p><span style="text-decoration:none;">根据业主进行展示</span></p><p><span style="text-decoration:none;">1，如果存在过户，上一个业主费用没有结清，下一个业主还有未缴费用，则会存在两个列表</span></p>
        </div>
      </div>

      <!-- 未缴详情 (动态面板) -->
      <div id="u5144" class="ax_default ax_default_hidden" data-label="未缴详情" style="display:none; visibility: hidden">
        <div id="u5144_state0" class="panel_state" data-label="State1" style="">
          <div id="u5144_state0_content" class="panel_state_content">

            <!-- Unnamed (复选框) -->
            <div id="u5145" class="ax_default checkbox selected">
              <label id="u5145_input_label" for="u5145_input" style="position: absolute; left: 0px;">
                <img id="u5145_img" class="img " src="images/物业缴费/u5145_selected.svg"/>
                <div id="u5145_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </label>
              <input id="u5145_input" type="checkbox" value="checkbox" checked/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5146" class="ax_default label">
              <div id="u5146_div" class=""></div>
              <div id="u5146_text" class="text ">
                <p><span style="text-decoration:none;">2019年09月费用：¥ 20.22(含违约金¥16.39)</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u5147" class="ax_default icon">
              <img id="u5147_img" class="img " src="images/物业缴费/u5141.svg"/>
              <div id="u5147_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (复选框) -->
            <div id="u5148" class="ax_default checkbox selected">
              <label id="u5148_input_label" for="u5148_input" style="position: absolute; left: 0px;">
                <img id="u5148_img" class="img " src="images/物业缴费/u5148_selected.svg"/>
                <div id="u5148_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </label>
              <input id="u5148_input" type="checkbox" value="checkbox" checked/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u5149" class="ax_default icon">
              <img id="u5149_img" class="img " src="images/物业缴费/u5141.svg"/>
              <div id="u5149_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5150" class="ax_default label">
              <div id="u5150_div" class=""></div>
              <div id="u5150_text" class="text ">
                <p><span style="text-decoration:none;">2019年08月费用：¥ 33.32(含违约金¥12.39)</span></p>
              </div>
            </div>

            <!-- Unnamed (复选框) -->
            <div id="u5151" class="ax_default checkbox selected">
              <label id="u5151_input_label" for="u5151_input" style="position: absolute; left: 0px;">
                <img id="u5151_img" class="img " src="images/物业缴费/u5151_selected.svg"/>
                <div id="u5151_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </label>
              <input id="u5151_input" type="checkbox" value="checkbox" checked/>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u5152" class="ax_default icon">
              <img id="u5152_img" class="img " src="images/物业缴费/u5141.svg"/>
              <div id="u5152_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5153" class="ax_default label">
              <div id="u5153_div" class=""></div>
              <div id="u5153_text" class="text ">
                <p><span style="text-decoration:none;">2019年07月费用：¥ 48.62(含违约金¥11.39)</span></p>
              </div>
            </div>

            <!-- Unnamed (复选框) -->
            <div id="u5154" class="ax_default checkbox selected">
              <label id="u5154_input_label" for="u5154_input" style="position: absolute; left: 0px;">
                <img id="u5154_img" class="img " src="images/物业缴费/u5154_selected.svg"/>
                <div id="u5154_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </label>
              <input id="u5154_input" type="checkbox" value="checkbox" checked/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5155" class="ax_default label">
              <div id="u5155_div" class=""></div>
              <div id="u5155_text" class="text ">
                <p><span style="text-decoration:none;">2019年06月费用：¥ 49.71(含违约金¥33.39)</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5156" class="ax_default label">
              <div id="u5156_div" class=""></div>
              <div id="u5156_text" class="text ">
                <p><span style="text-decoration:none;">清洁费</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5157" class="ax_default label">
              <div id="u5157_div" class=""></div>
              <div id="u5157_text" class="text ">
                <p><span style="text-decoration:none;">¥ 8.00</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5158" class="ax_default label">
              <div id="u5158_div" class=""></div>
              <div id="u5158_text" class="text ">
                <p><span style="text-decoration:none;">水费</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5159" class="ax_default label">
              <div id="u5159_div" class=""></div>
              <div id="u5159_text" class="text ">
                <p><span style="text-decoration:none;">¥ 8.32</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5160" class="ax_default label">
              <div id="u5160_div" class=""></div>
              <div id="u5160_text" class="text ">
                <p><span style="text-decoration:none;">违约金</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5161" class="ax_default label">
              <div id="u5161_div" class=""></div>
              <div id="u5161_text" class="text ">
                <p><span style="text-decoration:none;">¥ 33.39</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u5162" class="ax_default icon">
              <img id="u5162_img" class="img " src="images/物业缴费/u5162.svg"/>
              <div id="u5162_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5163" class="ax_default line">
              <img id="u5163_img" class="img " src="images/物业缴费/u5163.svg"/>
              <div id="u5163_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5164" class="ax_default line">
              <img id="u5164_img" class="img " src="images/物业缴费/u5163.svg"/>
              <div id="u5164_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5165" class="ax_default line">
              <img id="u5165_img" class="img " src="images/物业缴费/u5163.svg"/>
              <div id="u5165_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 收起 (形状) -->
      <div id="u5166" class="ax_default icon" data-label="收起">
        <img id="u5166_img" class="img " src="images/物业缴费/u5162.svg"/>
        <div id="u5166_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 展开 (形状) -->
      <div id="u5167" class="ax_default icon" data-label="展开">
        <img id="u5167_img" class="img " src="images/物业缴费/u5141.svg"/>
        <div id="u5167_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (线) -->
      <div id="u5168" class="ax_default line">
        <img id="u5168_img" class="img " src="images/发布租售/u1422.svg"/>
        <div id="u5168_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5169" class="ax_default label">
        <div id="u5169_div" class=""></div>
        <div id="u5169_text" class="text ">
          <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';text-decoration:none;">如需缴费凭证，可至服务中心领取</span><span style="font-family:'Arial Normal', 'Arial';text-decoration:none;">。</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5170" class="ax_default label">
        <div id="u5170_div" class=""></div>
        <div id="u5170_text" class="text ">
          <p><span style="text-decoration:none;">本次缴纳金额：¥</span><span style="text-decoration:none;color:#FF0000;">264.38</span><span style="text-decoration:none;">元</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5171" class="ax_default button">
        <div id="u5171_div" class=""></div>
        <div id="u5171_text" class="text ">
          <p><span style="text-decoration:none;">立即缴费</span></p>
        </div>
      </div>

      <!-- 房号 (动态面板) -->
      <div id="u5172" class="ax_default ax_default_hidden" data-label="房号" style="display:none; visibility: hidden">
        <div id="u5172_state0" class="panel_state" data-label="State1" style="">
          <div id="u5172_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u5173" class="ax_default box_1">
              <div id="u5173_div" class=""></div>
              <div id="u5173_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5174" class="ax_default label">
              <div id="u5174_div" class=""></div>
              <div id="u5174_text" class="text ">
                <p><span style="text-decoration:none;">房号</span></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5175" class="ax_default line">
              <img id="u5175_img" class="img " src="images/租售详情/u1261.svg"/>
              <div id="u5175_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5176" class="ax_default line">
              <img id="u5176_img" class="img " src="images/租售详情/u1261.svg"/>
              <div id="u5176_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5177" class="ax_default label">
              <div id="u5177_div" class=""></div>
              <div id="u5177_text" class="text ">
                <p><span style="text-decoration:none;">04栋1单元02层0201号</span></p>
              </div>
            </div>

            <!-- Unnamed (线) -->
            <div id="u5178" class="ax_default line">
              <img id="u5178_img" class="img " src="images/租售详情/u1261.svg"/>
              <div id="u5178_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u5179" class="ax_default label">
              <div id="u5179_div" class=""></div>
              <div id="u5179_text" class="text ">
                <p><span style="text-decoration:none;">05栋1单元02层0201号</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5180" class="ax_default label">
        <div id="u5180_div" class=""></div>
        <div id="u5180_text" class="text ">
          <p><span style="text-decoration:none;">房号：点击可选择切换多个房屋信息数据，一般情况是不存在在1个小区里面1个人对应多个房屋的情况</span></p><p><span style="text-decoration:none;">1，如果有多个房号可选择，则进行选择切换</span></p><p><span style="text-decoration:none;">2，如果只有一个房号，则只展示</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5181" class="ax_default label">
        <div id="u5181_div" class=""></div>
        <div id="u5181_text" class="text ">
          <p><span style="text-decoration:none;">2，缴费详情中的“清洁费、水费等分类根据具体的小区不同类型不同”</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u5182" class="ax_default label">
        <div id="u5182_div" class=""></div>
        <div id="u5182_text" class="text ">
          <p><span style="text-decoration:none;">3，立即缴费：点击弹出交易密码输入框</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
